<div class="main">
    <div class="main_inner clearfix">
        <div class="main_header">
            <div class="main_logo">
                <img src="assets/img/logo2.png" />
            </div>
            <div class="main_search">
                <search-input content="searchContent" control="searchControl" delay-time="0" search="search(content)" show-text="联系人、群组">
                </search-input>
            </div>
            <div id="title-bar-btns">
                <span class="close"></span>
            </div>
        </div>
        <div class="no_network">
            <span>
                当前网络不可用，请检查你的网络设置
            </span>
        </div>
        <div class="toolbar pull-left" ng-show="isShowLeft">
            <div class="bar LeftNav">
                <div class="LeftNav-item" title="我的" ui-sref="main.friendinfo({userid: mainData.loginUser.id, groupid: '0', targetid: '0', conversationtype: '0'})">
                    <div class="user">
                        <div class="portrait" id="loginuser" ng-hide="::mainData.loginUser.portraitUri || {{::mainData.isAvatarLoadError}}">
                            {{::mainData.loginUser.firstchar}}
                        </div>
                        <!-- <img class="userPic Avatar--22" ng-show="::mainData.loginUser.portraitUri && !mainData.isAvatarLoadError"
                            ng-src="{{::mainData.loginUser.portraitUri}}"
                            ng-error="mainData.setAvatarLoadingError">
                        </img> -->
                    </div>
                </div>
                <div class="LeftNav-item iconfont-single" ng-class="{cur:!switchbtn.isFriendList}" ng-click="showChat()" title="会话">
                    <div class="singleChat">
                        <a>
                            single chat
                        </a>
                        <i class="badge bg-tred" ng-show="mainData.conversation.totalUnreadCount">
                            {{mainData.conversation.totalUnreadCount>99 ? "99+" : mainData.conversation.totalUnreadCount}}
                        </i>
                    </div>
                </div>
                <div class="LeftNav-item iconfont-group" ng-class="{cur:switchbtn.isFriendList && !switchbtn.isEabManageGet}" ng-click="showContact(1)" title="群组">
                    <div class="groupChat">
                        <a>
                            group chat
                        </a>
                        <i class="Presence Presence--stacked" ng-show="mainData.notification.hasNewNotification">
                        </i>
                    </div>
                </div>
                <div class="LeftNav-item iconfont-group1" ng-class="{cur:switchbtn.isFriendList && switchbtn.isEabManageGet}" ng-click="showContact(2)" title="企业通讯录">
                    <div class="groupChat">
                        <a>
                            group chat
                        </a>
                        <i class="Presence Presence--stacked" ng-show="mainData.notification.hasNewNotification">
                        </i>
                    </div>
                </div>
                <!-- <div class="LeftNav-item iconfont-add searchmessage" ng-click="showMessageManage();" style="bottom: 100px;">
                    <div>
                        <a style="">
                            消息管理器
                        </a>
                    </div>
                </div> -->
                <div class="LeftNav-item iconfont-add searchmessage" style="bottom: 100px;">
                    <div class="searchAdd" addbtn>
                        <a class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="创建" style="">
                        </a>
                        <ul class="addPanel" style="display:none">
                          <li id="createGroup"><a ng-click="showgroup()">创建群组</a></li>
                        </ul>
                    </div>
                </div>
                <div class="LeftNav-item iconfont-add" ui-sref="main.userinfo" style="bottom: 60px;">
                    <div>
                        <a title="设置">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="mainBox pull-left" ng-show="isShowLeft">
            <div class="chatArea" id="chatArea" ng-show="!switchbtn.isFriendList&&!switchbtn.issearchList&&!switchbtn.searchMessage">
                <p class="withoutFriends" ng-show="!mainData.conversation.conversations||!mainData.conversation.conversations.length" style="text-align:center;margin-top: 200px;">
                    您还没有添加会话
                </p>
                <conversation item="item" ng-repeat="item in mainData.conversation.conversations">
                </conversation>
            </div>
            <div class="communicateList" ng-show="switchbtn.isFriendList&&!switchbtn.issearchList&&!switchbtn.searchMessage">
                <div class="noticeBar">
                    <div class="noticeBarHeader">
                        新消息
                    </div>
                    <div class="noticeBarBody">
                        <div class="noticeBarList">
                            <div class="notice_item ">
                                <div class="photo">
                                    <img alt="通知" class="img" src="assets/img/noticeIcon.png">
                                    </img>
                                </div>
                                <div class="info" ng-click="tonotification()">
                                    <h3 class="nickname">
                                        <span class="nickname_text">
                                            新通知
                                        </span>
                                    </h3>
                                </div>
                                <i class="Presence Presence--noticeBar unread" ng-show="mainData.notification.hasNewNotification">
                                </i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="groupArea" ng-show="!switchbtn.isEabManageGet">
                    <div class="groupAreaHeader" ng-click="showgroups=!showgroups">
                        群组
                        <span class="caret" ng-class="{'open':!showgroups}">
                        </span>
                    </div>
                    <div class="groupAreaBody" ng-hide="showgroups">
                        <groupitem class="noticeBarList" item="item" ng-repeat="item in mainData.contactsList.groupList">
                        </groupitem>
                    </div>
                </div>
                <!--<div class="membersArea">
                      <div class="membersAreaHeader" ng-click="showfriends=!showfriends">联系人<span class="caret" ng-class="{'open':!showfriends}"></span></div>

                      <div class="membersAreaBody" ng-hide="showfriends">
                        <div class="namesortWrap namesortA" ng-repeat="subgroup in mainData.contactsList.subgroupList">
                            <div class="namesortHd">{{::subgroup.title}}</div>
                            <frienditem class="members_item " ng-repeat="item in subgroup.list" item="item"></frienditem>
                        </div>
                          &lt;!&ndash; <frienditem ng-repeat="item in mainData.contactsList.friendList" item="item"></frienditem> &ndash;&gt;
                      </div>
                  </div>-->
                <div class="groupArea" ng-show="switchbtn.isEabManageGet">
                    <div class="groupAreaHeader" ng-click="showgorganization=!showgorganization">
                        企业通讯录
                        <span class="caret" ng-class="{'open':!showgorganization}">
                        </span>
                    </div>
                    <div class="groupAreaBody" ng-show="!showgorganization">
                        <organization>
                        </organization>
                    </div>
                </div>
            </div>
            <div class="communicateList" ng-show="switchbtn.issearchList">
                <div class="membersArea" ng-show="searchList.friendList.length">
                    <div class="membersAreaHeader">
                        联系人
                    </div>
                    <div class="membersAreaBody">
                        <div class="namesortWrap">
                            <frienditem class="members_item " item="item" ng-repeat="item in searchList.friendList">
                            </frienditem>
                        </div>
                    </div>
                </div>
                <div class="membersArea" ng-show="searchList.staffList.length">
                    <div class="membersAreaHeader">
                        企业通讯录
                    </div>
                    <div class="membersAreaBody">
                        <div class="namesortWrap">
                            <staffitem class="members_item " item="item" ng-repeat="item in searchList.staffList">
                            </staffitem>
                        </div>
                    </div>
                </div>
                <div class="groupArea">
                    <div class="groupAreaHeader">
                        群组
                    </div>
                    <div class="groupAreaBody">
                        <groupitem class="noticeBarList" item="item" ng-repeat="item in searchList.groupList">
                        </groupitem>
                        <!-- <incloudmember ng-repeat="item in searchList.includeMember" item="item" class="noticeBarList"></incloudmember> -->
                    </div>
                    <!-- <groupitem  ng-repeat="item in searchList.groupList" item="item"></groupitem> -->
                </div>
            </div>
            <div class="r-msg-friends" ng-show="switchbtn.searchMessage">
                <div class="r-member-search" ng-hide="showsearchconversation">
                    <div class="r-members-item" ng-repeat="item in allconversations">
                        <div class="r-member-info" ui-sref="main.searchmessage({targetid:item.targetId,conversationtype:item.targetType,searchstr:''})">
                            <img alt="" ng-src="{{::item.imgSrc||'assets/css/images/user.png'}}">
                                <span>
                                    {{::item.title}}
                                </span>
                            </img>
                        </div>
                    </div>
                </div>
                <div class="r-member-search" ng-show="showsearchconversation">
                    <div class="r-members-item" ng-repeat="item in searchList.conversations">
                        <div class="r-member-info" ui-sref="main.searchmessage({targetid:item.targetId,conversationtype:item.targetType,searchstr:searchContent})">
                            <img alt="" ng-src="{{::item.imgSrc||'assets/css/images/user.png'}}">
                                <span>
                                    {{::item.title}}
                                </span>
                            </img>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="chatBox" ng-show="showChat" ui-view="">
            <div class="drag_area">
            </div>
            <div class="emptyBox">
            </div>
        </div>
    </div>
    <div class="previewPicLayer">
    </div>
    <div class="previewPic" ng-keypress="checkSend($event)" tabindex="1">
        <span class="closeBtn" ng-click="showPasteDiv(false)">
        </span>
        <h2>
            发送图片
        </h2>
        <div class="picWrap">
            <img alt="" class="picContent"/>
        </div>
        <div class="picFooter">
            <button class="btn" ng-click="showPasteDiv(false)" type="button">
                取消
            </button>
            <button class="btn cur" ng-click="uploadPasteImage()" type="button">
                发送
            </button>
        </div>
    </div>
    <div class="load-container">
        <div class="loader">
            Loading...
        </div>
    </div>
    <audio controls="controls" id="playsound" src="assets/img/sms-received.mp3" style="width: 0px;height: 0px;display: none;">
    </audio>
</div>
